首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Android 开发者

    实战 | 在应用中使用 Compose Material 3

    新的 Compose Material 3 Jetpack 库 现已发布 Alpha 版,它基于 Material Design 3 规范,包括了更新后的主题、组件以及动态配色这类 Material You △ Material 3Material 2 的字体样式分组 Compose 使用新的 Typography 类对字体规格进行建模,其参数以 Material Design 3 字体规格中的样式命名 让我们看看前后有何不同: △ Material 2 中的 Surface △ Material 3 中的 Surface 组件更新 Material 3 对许多组件进行了更新,比如按钮、应用栏、对话框 此类更新利用了新的 Material 3 主题设置值,并包含了对每个组件规范的最新更新。 △ Material 3 中更新的组件 例如 Material 2 中的 BottomNavigation。 可组合项的依赖导入已更改为 Material 3,我们使用更名后的 containerColor 参数和 Material 3 配色方案中的 Tertiary 颜色。

    3.9K20编辑于 2022-03-28
  • Google发布全新 Android 设计语言 Material 3 Expressive

    Google周二在I/O 开发者大会前的 Android Show 上发布了全新的 Android 设计语言 Material 3 Expressive 。 Material 3 Expressive 带来了全新的弹性动画,这将提升手机的流畅度。例如,当关闭通知时将看到分离过渡效果并感受到触觉反馈。 现在,我们以 Material You 的原则为基础,推出了最新的设计更新,名为 Material 3 Expressive。 Material 3 Expressive 扩展了新的组件和功能,旨在为产品 UI 增添情感,提供更优质、更引人入胜的体验,使其更易于使用,并在关键时刻带来更多乐趣。” 对于 Wear OS 手表设备而言,Material 3 Expressive 的设计更加流畅,带有沿着圆形显示屏滚动的动画。就像在手机上一样,新的设计语言将带来一种深度感。

    32310编辑于 2025-05-31
  • 来自专栏用户2442861的专栏

    OCR material

    arnumber=6857995&filter%3DAND%28p_IS_Number%3A6940341%29 Reading Text in the Wild with Convolutional Interpretation of the French Street Name Signs Dataset paper: http://link.springer.com/chapter/10.1007%2F978-3- your handwritten numbers image.png https://medium.com/@o.kroeger/recognize-your-handwritten-numbers-3f007cbe46ff tuzzer/building-a-deep-handwritten-digits-classifier-using-microsoft-cognitive-toolkit-6ae966caec69#.c3h6o7oxf Benchmark for Text Detection and Recognition in Natural Images homepage: http://vision.cornell.edu/se3/

    14.1K41发布于 2018-09-19
  • 来自专栏LET

    Material小结

    (假设下面是付费内容) 总结完材质模型,简单说一下material acquisition的内容,如何测量BRDF。 ,这个计算量非常昂贵,近年来有一个新的思路,优化采样策略,重要性采样,在保证效果的情况下减少采样成本: 在论文’ An Adaptive Parameterization for Efficient Material Based Shading at Disney’ ‘A Data-Driven Reflectance Model’ ‘An Adaptive Parameterization for Efficient Material

    1.1K40发布于 2020-12-03
  • 来自专栏移动开发之家

    Flutter 小技巧之 Flutter 3 下的 ThemeExtensions 和 Material3

    Material3Material3 又叫 MaterialYou , 是谷歌在 Android 12 时提出的全新 UI 设计规范,现在 Flutter 3.0 里你可以通过 useMaterial3 Material3 之前,你需要对它有一定了解,因为它对 UI 风格的影响还是很大的,知己知彼才能不被背后捅刀。 ][GlowingOverscrollIndicator][TextButton]那 Material3 和之前的 Material2 有什么区别呢? 样式 useMaterial3: true,),复制代码这里其实就涉及到一个很有趣的知识点:Material3 下的 HCT 颜色包: material-color-utilities 。 在 Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过 material-color-utilities 的转化,通过内部的 CorePalette 对象,RGB 会转化为 HCT

    1.9K30编辑于 2022-06-06
  • 来自专栏Android 开发者

    使用 Material Design 组件实现 Material 动效

    容器转换: 打开邮件 https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fc457ba83ae04649adb589c0f93f4a55~tplv-k3u1fbpfcp-zoom-in-crop-mark 共享轴: 打开搜索页面 https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b2e062e2ae554bac88bc5507753961ec~tplv-k3u1fbpfcp-zoom-in-crop-mark 淡入淡出: 切换邮箱 https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7c214aaa202c47788345dac2c689febb~tplv-k3u1fbpfcp-zoom-in-crop-mark 继续学习,请查看以下其他资源: Material 动效开发文档: 您可以在 Material Android 动效文档找到许多关于在 Activity 和 View 之间进行动画的自定义选项和建议。 Material 动效 Codelab: 一个完整的分步的开发者教程,内容涉及如何在 Reply 应用中添加 Material 动效。

    2.7K20编辑于 2022-03-09
  • 来自专栏Android群英传

    Material Components——ShapeableImageView

    https://developer.android.com/reference/com/google/android/material/imageview/ShapeableImageView 使用 implementation 'com.google.android.material:material:<version>' 首先,需要在xml中引入ShapeableImageView,并指定shapeAppearanceOverlay <com.google.android.material.imageview.ShapeableImageView android:layout_width="wrap_content" <com.google.android.material.imageview.ShapeableImageView android:id="@+id/test" android:layout_width <com.google.android.material.imageview.ShapeableImageView android:id="@+id/test" android:layout_width

    1.5K30发布于 2020-11-09
  • 来自专栏潇涧技术专栏

    Material on Mobile Development

    3.干货集中营:http://gank.io/ 由代码家创建的干货集中营,每个工作日更新一份干货日报,特别推荐! 感谢@Trinea (2)书籍类 [入门篇] 《疯狂Android讲义》 作者李刚,国内的Java领域大牛之一,著有多本疯狂系列的书籍,包括《疯狂Java讲义》、《轻量级Java EE企业应用实战(第3版 ):Struts 2+Spring 3+Hibernate整合开发》等等。 苹果官方iOS开发网址,最新的资讯、教程、开发工具 2.开源中国 iOS专区:http://www.oschina.net/ios/home 丰富的开发教程和开发资源,遇到什么问题可以在这里找找教程 3.

    1.6K20发布于 2018-08-01
  • 来自专栏Material Design组件

    Material Design —Chips

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Chips Material Design链接:Chips ?

    1.2K150发布于 2018-05-17
  • 来自专栏程序那些事

    flutter系列之:Material中的3D组件Card

    简介 除了通用的组件之外,flutter还提供了两种风格的特殊组件,其中在Material风格中,有一个Card组件,可以很方便的绘制出卡片风格的界面,并且还带有圆角和阴影,非常的好用,我们一起来看看吧 ], ), ), ); } } 将CardApp放在Scaffold的body中运行,可以得到下面的界面: 大家可以看到Card的底部是有明显的3D

    90010编辑于 2022-09-23
  • 来自专栏h5

    基于flutter3.x+material-design3仿微信App应用实战

    flutter3-wchat一款基于flutter3+dart3+material-ui技术构建的跨多端仿微信聊天项目。 使用技术开发工具:vscode框架技术:flutter3.16.5+dart3.2.3UI组件库:material-design3弹窗组件:showDialog/SimpleDialog/showModalBottomSheet https://pub.flutter-io.cn/https://www.dartcn.com/入口配置main.dartimport 'dart:io';import 'package:flutter/material.dart dart3开发跨平台仿微信App聊天实例。' // 录音主体(按住说话/松开取消/语音转文本)Visibility( visible: voicePanelEnable, child: Material( color: const Color

    1.8K10编辑于 2024-02-07
  • 来自专栏Material Design组件

    Material Design —Tabs

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Tabs Material Design链接:Tabs ?

    3.2K100发布于 2018-05-17
  • 来自专栏生命不息,Codeing不止

    unity3d 5.0中Renderer后面没有了material

    在unity3d5.0中 renderer后面不能使用material 需要通过GetComponent来获取组件 使用代码: GameObject objcub = GameObject.CreatePrimitive (PrimitiveType.Cube); objcub.AddComponent<Rigidbody>(); objcub.name = "Cube"; //设置color 使用这个来获取material objcub.GetComponent<Renderer>().material.color = Color.blue; 我们看下material API的源码: using UnityEngine; Update() { float lerp = Mathf.PingPong(Time.time, duration) / duration; //这里就可以使用material 来设置颜色了 rend.material.color = Color.Lerp(colorStart, colorEnd, lerp); } }

    56820发布于 2020-07-24
  • 来自专栏LET

    Material小结 2.0

    刚刚看了‘Path Tracing in Production’,里面提到了Weta digital的Manuka材质系统,在这里总结一下,算是对之前Material小结的一个补充。 ? Layer-based material system 基于Manuka material system,来介绍这个分层材质系统。 用户可以任何组合多个BSDF构成一个材质堆栈(material stack),真实世界的材质大都也是如此,比如下面是对树叶这个材质的分层解读,这里包括譬如角质层,叶肉,表层蜡质等,都有不同的材质表现和反射属性

    60820发布于 2020-12-17
  • 来自专栏Web行业观察

    Material的布局原则

    原则 Material Design 指南通过源自印刷领域的设计元素 – 例如排版、网格、空白、缩放、颜色,和图像 – 来建立层次结构和传达所要表达的含义,并专注于带给用户沉浸式的体验。 Material Design 采用来自印刷设计领域的工具,如基准网格和结构模版,通过重复视觉元素,结构网格以及跨平台和屏幕尺寸的间距,促进不同环境下设计的一致性。 纸片工作原理 在 Material Design 中,纸片的物理特性被转移到了屏幕中。应用的背景类似于一张平坦、不透明质地的纸片,应用的行为也模仿纸片,可以改变大小、拖动及把多个纸片粘合在一起。

    1.3K40发布于 2018-10-30
  • 来自专栏Material Design组件

    Material Design —卡片(Cards)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 卡片(Cards) Material Design链接:卡片 ?

    6K100发布于 2018-05-17
  • 来自专栏向治洪

    android Material Design详解

    前言 我们都知道Marterial Design是Google推出的全新UI设计规范,如果对其不太了解的可以看下:Material design非官方中文指导手册 ,或者我的前面几篇Material Material的,最有帮助的当属这个了Material Design的官方介绍了;IOS方面的Google应用也在慢慢推进中。 Design来设计App当然不仅限于这两个方面了,前面的Material Design的译文已经清楚知道怎么去全面设计。 -- 状态栏颜色 --> <item name="colorPrimaryDark">#3A5FCD</item> <! -- 状态栏颜色 --> <item name="colorPrimaryDark">#3A5FCD</item> <!

    2.3K90发布于 2018-02-01
  • 来自专栏Android开发者家园

    Material Design Compoents 1.1.0

    从 1.0.0 开始 Material Design 的规范不断发展。出现了新的规范、准则和新的组件,来更好的代表品牌同时保持了 Material 的核心原则。 Material Theming Material Theming 可以让你更好的自定义 Material Design 来体现我们的品牌、颜色、字体和形状的选择。 textAppearanceHeadline2"> @style/TextAppearance.MyApp.Headline2 </item> <item name="textAppearanceHeadline<em>3</em>" > @style/TextAppearance.MyApp.Headline3 </item> <item name="textAppearanceHeadline4"> 连同 Material Design 指南。MDC 可以立即使用 Material Dark 主题。

    1.5K10发布于 2020-09-17
  • 来自专栏Material Design组件

    Material Design —Progress & activity

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Progress & activity Material Design链接:Progress&activity ?

    73230发布于 2018-05-17
  • 来自专栏站长的编程笔记

    Material Theme 主题插件

    安装 Material Theme 主题插件 ---- Material Theme 主题、配色方案所占的区域 2. Material Theme 配色方案(右侧区域) ---- 查看可用的配色方案 可选配色方案(个人推荐:Material-Theme-Darker) Darker 配色方案效果

    50310编辑于 2023-02-18
领券